<!DOCTYPE html>
<html>
<head>
  <title>测试页面</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  <link rel="stylesheet" href="http://mall.chinalove99.net/css/app.css">
  <link rel="stylesheet" href="http://mall.chinalove99.net/css/base.css" type="text/css" />
</head> 
<body style="overflow:scroll;">



<div class="hyfl">
    <div class="hyflbt">
        <img src="http://www.chinalove99.net/mall/uploads/adache/app/aqlz1.png" alt=""></div>
    <style>
        #index-slides1 .swiper-wrapper .swiper-slide img{
            height: 100px;
            width: 100%;
        }
    </style>
    <div id="index-slides1" style="position: relative;overflow-x: hidden;margin: 10px 5px 0;height: 100px;">
        <div class="swiper-wrapper" style="">
                    <div class="swiper-slide">
                <a href="#">
                    <img src="http://og90figjg.bkt.clouddn.com/json/1516872801580_19.jpg" alt="">
                </a>
            </div>
                    <div class="swiper-slide">
                <a href="https://baidu.com">
                    <img src="http://og90figjg.bkt.clouddn.com/json/1516872755711_22.jpg" alt="">
                </a>
            </div>
                </div>
    </div>
    <style>
        .fl{
            overflow: hidden;
            border: 1px solid #eee;
            margin-top: 10px;
        }
        .hy{
            overflow: hidden;
        }
        .hy li{
            float:left;
            width: 46.5%;
            border:1px solid #eee;
            margin: 5px;
            height: 290px;
        }
        .hy li a img{
            width: 100%;
            height: 200px;
        }
        .hy li a p{
            margin: 10px 0 0;
            font-size: 15px;
            padding: 0 5px;
        }
        .hy li a p:nth-child(3){
            margin-top: 6px;
            float: left;
            font-size: 16px;
            font-weight: 800;
            color:#FF0000;
        }
        .hy li a p:nth-child(4){
            font-size: 13px;
            margin-right: 5px;
            float:right;
            width: 40%;
            color:#4a4a4a;
            text-align: right;
        }
        .fl ul li{
            float:left;
            width:24.5%;
            text-align: center;
            line-height: 40px;
            height:40px;
            font-size: 15px;
            font-family: "方正大黑简体";
            font-weight: 600;
        }
        .fll .hy{
            display: none;
        }
        .fll .hy:first-child{
            display: block;
        }
        .active{
            color:#FF0000;
            border-bottom: 3px solid #ff0000;
        }
    </style>
    <div class="fl">
        <ul>
                        <li>约会印象装</li>
                    </ul>
    </div>
    <div class="fll">
                <div class="hy">
        <ul>
                        <li><a href="#"><img src="http://og90figjg.bkt.clouddn.com/json/1516874440106_1 (1).jpg" alt="">
                    <p>新春款粗毛线高领针织毛衣新春款粗毛线</p>
                    <p>￥188.88</p>
                    <p>精选</p></a></li>
                    </ul>
        </div>
            </div>
    <style>
        .fle{
            overflow: hidden;
            border-collapse: collapse;
            box-sizing: border-box;
            background-color: #f6f6f6;
            padding-bottom:5px;
        }
        .fle ul{
            margin: 5px 0;
        }
        .fle ul li{
            padding: 0 3px;
            text-align: center;
            height: 35px;
            line-height: 35px;
            width: 22.4%;
            margin: 4.5px;
            float: left;
            box-sizing: border-box;
            background-color: #fff;
            font-size: 15px;
        }
    </style>
    <div class="fle">
        <ul>
                  </ul>
    </div>
</div>

</body>
</html>


